<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>未来可期任务平台-个人中心</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.1.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/Swiper/4.2.2/css/swiper.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/animate.css/3.5.2/animate.min.css">
    <link href="https://img.qianxiaoduan.com/element-ui/2.3.4/theme-chalk/index.css" rel="stylesheet">
    <link rel="stylesheet" href="https://page.qianxiaoduan.com/css/style-red.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2808129_awgy92qb9k7.css">
    <script src="js/toLogin.js"></script>
</head>
<body>
<div class="Theme-header-Style1 header-container ">
    <div class="container">
        <div class="row">
            <div class="col">
                <div style="margin-top:-25px" class="logo">
                    <a href="">
                        <img src="img/logo.png" alt="">
                    </a>
                </div>
                <div style="position: absolute;top:18px;">
                    <img src="img/log1.png">
                </div>
            </div>
            <div id="login_div">
                <span onclick="toLogin()">
                    <i style="font-size: 25px" class="iconfont icon-denglu1"></i>
                </span>
                <span onclick="toRegister()" style="margin-left: 15px">
                    <i style="font-size: 25px" class="iconfont icon-zhuce"></i>
                </span>
            </div>
            <div id="exit_div" style="display: none">
                <a onclick="toEsc()" href="#" style="margin-top:20px;font-size: 20px;color: red">退出</a>&nbsp;&nbsp;&nbsp;&nbsp;
                <a href="myCenter.html" style="color: coral;font-size: 15px">个人中心</a>
            </div>
        </div>
    </div>
</div>
<div class="Theme-breadcrumb-trail">
    <div style="background-color:#eee;" class="Theme-pageTarget">
        <div class="container">
            <div class="row">
                <div class="col">
                    <div>
                        您的位置：
                        <a href="index.html">
                            首页
                        </a>
                        <a href="myCenter.html">
                            > 个人中心
                        </a>
                        > 我完成的任务
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="Theme-pageTargetUl">
        <div class="container">
            <div class="row">
                <div class="col">
                    <ul>
                        <li>
                            <a href="myCenter.html">
                                    <span>
                                        我接取的任务
                                    </span>
                            </a>
                        </li>
                        <li>
                            <a href="myPublish.html">
                                    <span>
                                        我发布的任务
                                    </span>
                            </a>
                        </li>
                        <li class="active">
                            <a href="myWcTask.html">
                                    <span>
                                        我完成的任务
                                    </span>
                            </a>
                        </li>
                        <li>
                            <a href="myMessage.html">
                                    <span>
                                        我的信息
                                    </span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="myWc_task_list" class="Theme-rolling-background1 Theme-mb-list">
</div>
<div class="Theme-footer-1">
    <div class="container">
        <div class="row">
            <div class="col">
                <h3>
                    未来可期有限公司
                </h3>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4">
                <p>
                    未来可期有限公司 COPYRIGHT (©) 2022
                    <br>
                    公司地址：四川省成都市武侯区
                    <br>
                    联系电话：0021-93123
                    <br>
                    邮箱：kaix.wang@dhcca.com
                </p>
            </div>
            <div class="col">
                <ul>
                    <li>
                        <a href="">
                            网站首页
                        </a>
                    </li>
                    <li>
                        <a href="">
                            招商代理加盟
                        </a>
                    </li>
                    <li>
                        <a href="">
                            产品中心
                        </a>
                    </li>
                    <li>
                        <a href="">
                            新闻百科
                        </a>
                    </li>
                </ul>
            </div>
            <div class="col">
                <ul>
                    <li>
                        招商代理
                    </li>
                    <li>
                        新闻资讯
                    </li>
                    <li>
                        关于我们
                    </li>
                    <li>
                        联系我们
                    </li>
                </ul>
            </div>
            <div class="col QR-code">
                <img src="https://img.qianxiaoduan.com/muban/QR-code.jpg" alt="">
                <p>
                    联系我们
                </p>
            </div>
        </div>
    </div>
</div>
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/Swiper/4.2.2/js/swiper.min.js"></script>
<script src="https://cdn.bootcss.com/wow/1.1.2/wow.min.js"></script>
<script src="https://page.qianxiaoduan.com/js/script.js"></script>
<script src="js/jquery.min.js"></script>
<script>
    $(function () {
        $.ajax({
            url: "myTask/myWc",
            success: function (res) {
                if (res.code == 303) {
                    alert("你还未接取任务");
                } else {
                    let data = res.data;
                    console.log(data)
                    for (let i = 0; i < data.length; i++) {
                        let div1 = $("<div class='container'></div>");
                        let div2 = $("<div class='row'></div>");
                        let div3 = $("<div class='col'></duv>");
                        let div4 = $("<div class='img wow slideInLeft animated' style='visibility: visible; animation-name: slideInLeft;'></div>");
                        let h2 = $("<h2></h2>").text(data[i].mytask.task_name);
                        let div5 = $("<div class='con wow slideInRight animated' style='visibility: visible; animation-name: slideInRight;'></div>");
                        let h1 = $("<h1></h1>").text(data[i].mytask.task_bounty + "元/" + data[i].mytask.payroll_method);
                        let span = $("<span></span>").text("|" + data[i].mytask.task_type);
                        let p = $("<p></p>").text(data[i].mytask.task_content);
                        let a1 = $("<a id='giveUp_" + data[i].id + "_" + data[i].taskid + "'>More</a>");
                        let a2 = $("<a id='finish_" + data[i].id + "_" + data[i].taskid + "'>Delete</a>");
                        div1.append(div2);
                        div2.append(div3);
                        div3.append(div4, div5);
                        div4.append(h2);
                        div5.append(h1, p, a1, a2);
                        h1.append(span);
                        $("#myWc_task_list").append(div1);
                        if (i != data.length - 1) {
                            let div6 = $("<div style='height: 1px;border: 1px solid #999999'></div>");
                            $("#myWc_task_list").append(div6);
                        }
                    }
                }
            }
        })
    });



</script>
</body>